<template>
  <span :class="{'add-me-if-true': foo, 'add-if-bar': bar}">
    Foo
  </span>
  <FooBar :foo="12" :bar="<weak_warning descr="Type number is not assignable to type boolean | undefined  Type number is not assignable to type boolean">12</weak_warning>">

  </FooBar>
  <<warning descr="Element FooBar doesn't have required attribute foo">FooBar</warning>>

  </<warning descr="Element FooBar doesn't have required attribute foo">FooBar</warning>>
</template>
<script lang="ts">
import { defineComponent } from 'vue';

const useSomeProps = (<warning descr="Unused parameter foo">foo</warning>) => ({
  foo: {
    type: [String, Array, Object],
    required: true,
  },
});

export default defineComponent({
                                 name:"FooBar",
                                 props: {
                                   ...useSomeProps('foobar'),
                                   bar: {
                                     type: Boolean,
                                     default: true,
                                   },
                                 },
                               });
</script>